<template>
  <div>
    <div class="top-content">

    </div>
    <div class="body-content">
    </div>
  </div>
</template>

<script>
    export default {
        name: "UserManager",
        data(){
          return {

          }
        },
        components:{
        },
        beforeCreate(){
          console.log('..............','beforeCreate');
        },
        created(){
          console.log('..............','created');
        },
        beforeMount(){
          console.log('..............','beforeMount');
        },
        mounted(){
          console.log('..............','mounted');
        },
        beforeUpdate(){
          console.log('..............','beforeUpdate');
        },
        updated(){
          console.log('..............','updated');
        },
        activated(){
          console.log('..............','activated');
        },
        deactivated(){
          console.log('..............','deactivated');
        },
        beforeDestroy(){
          console.log('..............','beforeDestroy');
        },
        destroyed(){
          console.log('..............','destroyed');
        },
        // beforeRouteEnter(to,from,next){
        //   console.log('..............','beforeRouteEnter');
        //   console.log(to,from,next)
        //   next()
        // },
        // beforeRouteLeave(to,from,next){
        //   console.log('..............','beforeRouteLeave');
        //   next()
        // },
        // beforeRouteUpdate(to,from,next){
        //   console.log('..............','beforeRouteUpdate');
        //   next()
        // },
    }
</script>

<style scoped>

</style>
